遍歷物件 for in 和 for of


Posted by Rich on 2021-08-31

遇到物件的時候要怎麼遍歷每個 key 或 value 呢?
如果是 array 就好辦了,用 .map .filter .reduce 都可以(因為最近剛會這幾個)。
但物件的話上面這些方法都不能用,因為只有 array 可以用。
常搞混的 for in for of 差在哪裡呢?
for in 是遍歷 key 值。
for of 是遍歷 value 值。

Object.entries() 搭配 forEach ,就可以把物件的 key 和 value 同時拿到。

Object.entries(obj).forEach((item) => {
  let [key, value] = item;
  console.log(key); // name 、 age 、 height 、 weight
  console.log(value); // Danny 、 26 、 180 、 72
});

先這樣,有遇到再紀錄。










Related Posts

以UI較度切入響應式網站

以UI較度切入響應式網站

不用框架實作 React 第一次渲染 SSR + Routing

不用框架實作 React 第一次渲染 SSR + Routing

番外篇:陽明山東西大縱走心得

番外篇:陽明山東西大縱走心得


Comments